﻿@import url(navi.css);
@import url(forms.css);
@import url(tables.css);
@import url(featured_slide.css);

body{
	margin:0;
	padding:0;
	font-size:13px;
	font-family:Arial, "Times New Roman", Times, serif;
	color:#666666;
	background-image:url(images/demo/background.gif);
	background-repeat:repeat-y;
	}

img
{
    display:block; 
    margin:0; 
    padding:0; 
    border:none;

}
.justify
{
    text-align:justify;

}
.bold
{
    font-weight:bold;

}
.center
{
    text-align:center;

}
.right
{
    text-align:right;

}
.nostart 
{
    list-style-type:none; 
    margin:0; 
    padding:0;

}
.clear
{
    clear: both;

}
br.clear
{
    clear:both; 
    margin-top:-15px;

}

a
{
    outline:none; 
    text-decoration:none; 
    color:#059BD8; 
    background-color:#FFFFFF;

}

.fl_left
{
    float:left;

}
.fl_right
{
    float:right;

}

.imgl, .imgr
{
    border:1px solid #C7C5C8; 
    padding:5px;
}
.imgl
{
    float:left; 
    margin:0 8px 8px 0; 
    clear:left;

}
.imgr
{
    float:right; 
    margin:0 0 8px 8px; 
    clear:right;

}

/* ----------------------------------------------Wrapper-------------------------------------*/

div.wrapper{
	display:block;
	width:100%;
	margin:0;
	text-align:left;
	border-bottom:1px solid #E3E3E3;
	}

div.wrapper h1, div.wrapper h2, div.wrapper h3, div.wrapper h4, div.wrapper h5, div.wrapper h6
{
	margin:0 0 15px 0;
	padding:0;
	font-size:20px;
	font-weight:normal;
	line-height:normal;
}

.col0, .col0 a
{
    color:#FFFFFF; 
    background-color:#666666;
}

.col2
{
    color:#FFFFFF; 
    background-color:#F6F6F6;
}

/* ----------------------------------------------Generalise-------------------------------------*/

#header, #topline, #topbar, #breadcrumb, .container, #hpage_cats, #adblock, #socialise, #footer, #copyright
{
	position:relative;
	margin:0 auto 0;
	display:block;
	width:960px;
}

/* ----------------------------------------------TopBar-------------------------------------*/

#topline
{
	padding:10px 0;
}

#topline p
{
	float:left;
	margin:0;
	padding:0;
}

#topline ul
{
	float:right;
	margin:0;
	padding:0;
	list-style:none;
}

#topline li
{
	display:inline;
	margin:0 8px 0 0;
	padding:0 10px 0 0;
	border-right:1px solid #999999;
}
#topline li.last
{
	margin-right:0;
	padding-right:0;
	border:none;
}

/* ----------------------------------------------Header-------------------------------------*/

#header
{
	padding:2px 0 20px 0;
}

#header .fl_left
{
	display:block;
	float:left;
	margin-top:7px;
	overflow:hidden;
}

#header .fl_right
{
	display:block;
	float:right;
	width:468px;
	height:60px;
	margin-top:21px;
	overflow:hidden;
}

#header h1, #header p, #header ul
{
	margin:0;
	padding:0;
	list-style:none;
	line-height:normal;
}

#header h1 a
{
	font-size:46px;
	color:#999999;
	background-color:#FFFFFF;
}

#header h1 strong
{
	font-weight:normal;
	color:#059BD8;
	background-color:#FFFFFF;
}

#header .fl_left p
{
	text-align:right;
	margin-top:5px;
}

/* ----------------------------------------------Topbar-------------------------------------*/

#topbar
{
	padding:20px 0;
	z-index:1000;
}

#topbar #search
{
	display:block;
	float:right;
	margin:0;
	padding:0;
	overflow:hidden;
}

/* ----------------------------------------------BreadCrumb-------------------------------------*/

#breadcrumb
{
	padding:20px 0;
}

#breadcrumb ul
{
	margin:0;
	padding:0;
	list-style:none;
}

#breadcrumb ul li
{
    display:inline;

}
#breadcrumb ul li.current a
{
    text-decoration:underline;

}

/* ----------------------------------------------Content-------------------------------------*/

.container
{
	padding:20px 0;
}

.content
{
	display:block;
	float:left;
	width:630px;
}

/* ------Comments-----*/

#comments
{
    margin-bottom:40px;

}

#comments .commentlist 
{
    margin:0; 
    padding:0;

}

#comments .commentlist ul
{
    margin:0; 
    padding:0; 
    list-style:none;

}

#comments .commentlist li.comment_odd, #comments .commentlist li.comment_even
{
    margin:0 0 10px 0; 
    padding:15px; 
    list-style:none;

}

#comments .commentlist li.comment_odd
{
    color:#666666; 
    background-color:#F7F7F7;

}
#comments .commentlist li.comment_odd a
{
    color:#059BD8; 
    background-color:#F7F7F7;

}
#comments .commentlist .author .name
{
    font-weight:bold;

}
#comments .commentlist .submitdate
{
    font-size:smaller;

}

#comments .commentlist p 
{
    margin:10px 5px 10px 0; 
    padding:0; 
    font-weight:normal;text-transform: none;

}

#comments .commentlist li .avatar
{
    float:right; border:1px solid #EEEEEE; 
    margin:0 0 0 10px;

}

/* ----------------------------------------------Column-------------------------------------*/

.column{
	display:block;
	float:right;
	width:300px;
	}

.column .holder, .column #featured{
	display:block;
	width:300px;
	margin-bottom:20px;
	}

.column .holder h2.title{
	display:block;
	width:100%;
	height:65px;
	margin:0;
	padding:15px 0 0 0;
	font-size:20px;
	line-height:normal;
	border-bottom:1px dotted #999999;
	}

.column .holder h2.title img{
	float:left;
	margin:-15px 8px 0 0;
	padding:5px;
	border:1px solid #999999;
	}

.column div.imgholder{
	display:block;
	width:290px;
	margin:0 0 10px 0;
	padding:4px;
	border:1px solid #CCCCCC;
	}

.column .holder p.readmore{
	display:block;
	width:100%;
	font-weight:bold;
	text-align:right;
	line-height:normal;
	}
	
/* Featured Block */

.column #featured ul, .column #featured h2, .column #featured p{
	margin:0;
	padding:0;
	list-style:none;
	color:#666666;
	background-color:#F9F9F9;
	}

.column #featured a{
	color:#059BD8;
	background-color:#F9F9F9;
	}

.column #featured li{
	display:block;
	width:250px;
	margin:0;
	padding:20px 25px;
	color:#666666;
	background-color:#F9F9F9;
	}

.column #featured li p.imgholder{
	display:block;
	width:240px;
	height:90px;
	margin:20px 0 15px 0;
	padding:4px;
	border:1px solid #CCCCCC;
	}

.column #featured li h2{
	margin:0;
	padding:0 0 8px 0;
	font-weight:normal;
	font-family:Arial, "Times New Roman", Times, serif;
	line-height:normal;
	border-bottom:1px dotted #999999;
	}

.column #featured p.readmore{
	display:block;
	width:100%;
	margin-top:15px;
	font-weight:bold;
	text-align:right;
	line-height:normal;
	}

.column .latestnews{
	display:block;
	width:100%;
	margin:0;
	padding:0;
	list-style:none;
	}

.column .latestnews li{
	display:block;
	width:100%;
	height:99px;
	margin:0 0 11px 0;
	padding:0 0 21px 0;
	border-bottom:1px dotted #C7C5C8;
	overflow:hidden;
	}

.column .latestnews li.last{
	margin-bottom:0;
	}

.column .latestnews p{
	display:inline;
	}

.column .latestnews img{
	float:left;
	margin:0 10px 0 0;
	padding:4px;
	border:1px solid #C7C5C8;
	clear:left;
	}

/* ----------------------------------------------Homepage Specific-------------------------------------*/

#adblock{
	padding:20px 0;
	}

#hpage_cats{
	padding:0 0 5px 0;
	}

#hpage_cats .fl_left, #hpage_cats .fl_right{
	display:block;
	width:468px;
	margin-bottom:15px;
	}
#hpage_cats .fl_left img, #hpage_cats .fl_right img{
	float:left;
	margin:0 10px 0 0;
	padding:4px;
	border:1px solid #C7C5C8;
	clear:left;
	}

#hpage_cats h2{
	display:block;
	width:100%;
	margin:0 0 15px 0;
	padding:5px 0;
	color:#666666;
	background-color:#EFEFEF;
	text-align:right;
	font-size:13px;
	}

#hpage_cats h2 a{
	margin:0 5px 0 0;
	color:#059BD8;
	background-color:#EFEFEF;
	font-weight:bold;
	text-transform:uppercase;
	}

#hpage_cats p{
	margin:0 0 8px 0;
	padding:0;
	}

#hpage_latest{
	display:block;
	width:100%;
	}

#hpage_latest h2{
	margin:0 0 15px 0;
	padding:0 0 8px 0;
	border-bottom:2px solid #E3E3E3;
	}

#hpage_latest ul{
	margin:0;
	padding:0;
	list-style:none;
	display:inline;
	}

#hpage_latest li{
	display:block;
	float:left;
	width:200px;
	margin:0 15px 0 0;
	padding:0;
	}

#hpage_latest li.last{
	margin-right:0;
	}

#hpage_latest img{
	margin:0;
	padding:4px;
	border:1px solid #C7C5C8;
	}

#hpage_latest .readmore{
	font-weight:bold;
	text-align:right;
	}

/* ----------------------------------------------Footer-------------------------------------*/

#footer{
	padding:20px 0;
	}

#footer h2, #footer p, #footer ul, #footer a{
	margin:0;
	padding:0;
	font-weight:normal;
	list-style:none;
	line-height:normal;
	}

#footer h2{
	color:#CCCCCC;
	background-color:#FFFFFF;
	font-size:18px;
	font-weight:normal;
	margin-bottom:10px;
	padding-bottom:8px;
	border-bottom:1px dotted #999999;
	}

#footer li{
	margin-bottom:5px;
	}

#footer .footbox{
	display:block;
	float:left;
	width:180px;
	margin:0 15px 0 0;
	padding:0;
	}

#footer .last{
	margin:0;
	}

/* ----------------------------------------------Social Bar With Newsletter-------------------------------------*/

#socialise{
	padding:20px 0;
	}

#socialise ul{
	display:inline;
	margin:0;
	padding:0;
	list-style:none;
	font-size:20px;
	font-family:Arial, "Times New Roman", Times, serif;
	}

#socialise li{
	display:block;
	float:left;
	margin:0 120px 0 0;
	text-align:center;
	}

#socialise li span{
	display:block;
	margin:8px 0 0 0;
	}

#socialise li.last{
	margin-right:0;
	}

#newsletter{
	display:block;
	float:right;
	width:300px;
	}

#newsletter h2, #newsletter p{
	margin:0;
	padding:0;
	line-height:normal;
	}

#newsletter h2{
	margin-bottom:5px;
	}

/* ----------------------------------------------Copyright-------------------------------------*/

div.col8{border:none;}

#copyright{
	padding:15px 0;
	}

#copyright p{
	margin:0;
	padding:0;
	}